<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Mednalytics</title>
    <!-- Iconic Fonts -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="vendors/iconic-fonts/font-awesome/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="vendors/iconic-fonts/flat-icons/flaticon.css">
    <link rel="stylesheet" href="vendors/iconic-fonts/cryptocoins/cryptocoins.css">
    <link rel="stylesheet" href="vendors/iconic-fonts/cryptocoins/cryptocoins-colors.css">
    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery UI -->
    <link href="assets/css/jquery-ui.min.css" rel="stylesheet">
    <!-- Page Specific CSS (Slick Slider.css) -->
    <link href="assets/css/slick.css" rel="stylesheet">
    <!-- mednalytics styles -->
    <link href="assets/css/style.css" rel="stylesheet">

    <!-- Page Specific CSS (Morris Charts.css) -->
    <link href="assets/css/morris.css" rel="stylesheet">
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="favicon.ico">
</head>

<body class="ms-body ms-aside-left-open ms-primary-theme ms-has-quickbar">
<!-- Setting Panel -->
<div class="ms-toggler ms-settings-toggle ms-d-block-lg">
    <i class="flaticon-gear"></i>
</div>
<div class="ms-settings-panel ms-d-block-lg">
    <div class="row">
        <div class="col-xl-4 col-md-4">
            <h4 class="section-title">自定义</h4>
            <div>
                <label class="ms-switch">
                    <input type="checkbox" id="dark-mode">
                    <span class="ms-switch-slider round"></span>
                </label>
                <span> 夜间模式 </span>
            </div>

        </div>
        <div class="col-xl-4 col-md-4">
            <h4 class="section-title">快捷键</h4>
            <p class="ms-directions mb-0"><code>Esc</code> 关闭快捷栏</p>
            <p class="ms-directions mb-0"><code>Alt + (1 -> 6)</code> 打开快捷栏选项卡</p>
            <p class="ms-directions mb-0"><code>Alt + Q</code> 启用快速栏配置模式</p>
        </div>
    </div>
</div>
<!-- Preloader -->
<div id="preloader-wrap">
    <div class="spinner spinner-8">
        <div class="ms-circle1 ms-child"></div>
        <div class="ms-circle2 ms-child"></div>
        <div class="ms-circle3 ms-child"></div>
        <div class="ms-circle4 ms-child"></div>
        <div class="ms-circle5 ms-child"></div>
        <div class="ms-circle6 ms-child"></div>
        <div class="ms-circle7 ms-child"></div>
        <div class="ms-circle8 ms-child"></div>
        <div class="ms-circle9 ms-child"></div>
        <div class="ms-circle10 ms-child"></div>
        <div class="ms-circle11 ms-child"></div>
        <div class="ms-circle12 ms-child"></div>
    </div>
</div>
<!-- Overlays -->
<div class="ms-aside-overlay ms-overlay-left ms-toggler" data-target="#ms-side-nav" data-toggle="slideLeft"></div>
<div class="ms-aside-overlay ms-overlay-right ms-toggler" data-target="#ms-recent-activity"
     data-toggle="slideRight"></div>
<!-- Sidebar Navigation Left -->
<aside id="ms-side-nav" class="side-nav fixed ms-aside-scrollable ms-aside-left">
    <!-- Logo -->
    <div class="logo-sn ms-d-block-lg">
        <a class="pl-0 ml-0 text-center" href="index.html"> <img src="assets/img/mednalytics-logo-216x62.png"
                                                                 alt="logo"> </a>
        <a href="#" class="text-center ms-logo-img-link"> <img src="assets/img/dashboard/doctor-3.jpg" alt="logo"></a>
        <h5 class="text-center text-white mt-2">塞缪尔医生</h5>
        <h6 class="text-center text-white mb-3">管理员</h6>
    </div>
    <!-- Navigation -->
    <ul class="accordion ms-main-aside fs-14" id="side-nav-accordion">
        <!-- Dashboard -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#dashboard" aria-expanded="false"
               aria-controls="dashboard">
                <span><i class="material-icons fs-16">dashboard</i>首页 </span>
            </a>
            <ul id="dashboard" class="collapse" aria-labelledby="dashboard" data-parent="#side-nav-accordion">
                <li><a href="index.html">医学分析</a></li>
            </ul>
        </li>
        <!-- /Dashboard -->
        <!-- Doctor -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#doctor" aria-expanded="false"
               aria-controls="doctor">
                <span><i class="fas fa-stethoscope"></i>医生</span>
            </a>
            <ul id="doctor" class="collapse" aria-labelledby="doctor" data-parent="#side-nav-accordion">
                <li><a href="pages/doctor/add-doctor.html">添加医生</a></li>
                <li><a href="pages/doctor/doctor-list.html">医生列表</a></li>
            </ul>
        </li>
        <!-- Doctor -->
        <!-- Patient -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#patient" aria-expanded="false"
               aria-controls="patient">
                <span><i class="fas fa-user"></i>患者</span>
            </a>
            <ul id="patient" class="collapse" aria-labelledby="patient" data-parent="#side-nav-accordion">
                <li><a href="pages/patient/add-patient.html">添加患者</a></li>
                <li><a href="pages/patient/patient-list.html">患者列表</a></li>
            </ul>
        </li>
        <!-- /Patient -->
        <!-- Department -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#department" aria-expanded="false"
               aria-controls="department">
                <span><i class="fas fa-sitemap"></i>部门</span>
            </a>
            <ul id="department" class="collapse" aria-labelledby="department" data-parent="#side-nav-accordion">
                <li><a href="pages/department/add-department.html">添加部门</a></li>
                <li><a href="pages/department/department-list.html">部门列表</a></li>
            </ul>
        </li>
        <!-- /Department -->
        <!-- Schedule -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#schedule" aria-expanded="false"
               aria-controls="schedule">
                <span><i class="fas fa-list-alt"></i>医生时间表</span>
            </a>
            <ul id="schedule" class="collapse" aria-labelledby="schedule" data-parent="#side-nav-accordion">
                <li><a href="pages/doctor-schedule/add-schedule.html">添加时间表</a></li>
                <li><a href="pages/doctor-schedule/schedule-list.html">时间表列表</a></li>
            </ul>
        </li>
        <!-- /Schedule -->
        <!-- Appointment -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#appointment" aria-expanded="false"
               aria-controls="appointment">
                <span><i class="far fa-check-square"></i>预约</span>
            </a>
            <ul id="appointment" class="collapse" aria-labelledby="appointment" data-parent="#side-nav-accordion">
                <li><a href="pages/appointment/add-appointment.html">添加预约</a></li>
                <li><a href="pages/appointment/appointment-list.html">预约列表</a></li>
            </ul>
        </li>
        <!-- /Appointment -->
        <!-- Payment -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#payment" aria-expanded="false"
               aria-controls="payment">
                <span><i class="fas fa-credit-card"></i>付款方式</span>
            </a>
            <ul id="payment" class="collapse" aria-labelledby="payment" data-parent="#side-nav-accordion">
                <li><a href="pages/payment/add-payment.html">添加支付</a></li>
                <li><a href="pages/payment/payment-list.html">支付列表</a></li>
                <li><a href="pages/payment/payment-invoice.html">付款发票</a></li>
            </ul>
        </li>
        <!-- /Payment -->
        <!-- Report -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#report" aria-expanded="false"
               aria-controls="report">
                <span><i class="fas fa-file-alt"></i>报告</span>
            </a>
            <ul id="report" class="collapse" aria-labelledby="report" data-parent="#side-nav-accordion">
                <li><a href="pages/report/patient-report.html">病患报告</a></li>
                <li><a href="pages/report/doctor-report.html">医生报告</a></li>
                <li><a href="pages/report/total-report.html">总报告</a></li>
            </ul>
        </li>
        <!-- /Report -->
        <!-- Human Resource -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#human-resource" aria-expanded="false"
               aria-controls="human-resource">
                <span><i class="far fa-user-circle"></i>人力资源部</span>
            </a>
            <ul id="human-resource" class="collapse" aria-labelledby="human-resource" data-parent="#side-nav-accordion">
                <li><a href="pages/human-resource/add-employee.html">添加员工</a></li>
                <li><a href="pages/human-resource/employee-list.html">员工列表</a></li>
                <li><a href="pages/human-resource/add-nurse.html">添加护士</a></li>
                <li><a href="pages/human-resource/nurse-list.html">护士列表</a></li>
                <li><a href="pages/human-resource/add-pharmacist.html">添加药剂师</a></li>
                <li><a href="pages/human-resource/pharmacist-list.html">药剂师列表</a></li>
                <li><a href="pages/human-resource/add-representative.html">添加医疗代表</a></li>
                <li><a href="pages/human-resource/representative-list.html">医疗代表列表</a></li>
            </ul>
        </li>
        <!-- /Human Resource -->
        <!-- Bed -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#bed" aria-expanded="false"
               aria-controls="bed">
                <span><i class="fas fa-bed"></i>床位管理</span>
            </a>
            <ul id="bed" class="collapse" aria-labelledby="bed" data-parent="#side-nav-accordion">
                <li><a href="pages/bed-manager/add-bed.html">添加床位</a></li>
                <li><a href="pages/bed-manager/bed-list.html">床位列表</a></li>
            </ul>
        </li>
        <!-- /Bed-->
        <!-- Notice -->
        <li class="menu-item">
            <a href="#" class="has-chevron" data-toggle="collapse" data-target="#notice" aria-expanded="false"
               aria-controls="notice">
                <span><i class="far fa-file-alt"></i>通知</span>
            </a>
            <ul id="notice" class="collapse" aria-labelledby="notice" data-parent="#side-nav-accordion">
                <li><a href="pages/notice/add-notice.html">添加通知</a></li>
                <li><a href="pages/notice/notice-list.html">通知列表</a></li>
            </ul>
        </li>
    </ul>
</aside>
<!-- Sidebar Right -->
<aside id="ms-recent-activity" class="side-nav fixed ms-aside-right ms-scrollable">
    <div class="ms-aside-header">
        <ul class="nav nav-tabs tabs-bordered d-flex nav-justified mb-3" role="tablist">
            <li role="presentation" class="fs-12"><a href="#activityLog" aria-controls="activityLog" class="active"
                                                     role="tab" data-toggle="tab"> 活动日志</a></li>
            <li role="presentation" class="fs-12"><a href="#recentPosts" aria-controls="recentPosts" role="tab"
                                                     data-toggle="tab"> 设置 </a></li>
            <li>
                <button type="button" class="close ms-toggler text-center" data-target="#ms-recent-activity"
                        data-toggle="slideRight"><span aria-hidden="true">&times;</span></button>
            </li>
        </ul>
    </div>
    <div class="ms-aside-body">
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active fade show" id="activityLog">
                <ul class="ms-activity-log">
                    <li>
                        <div class="ms-btn-icon btn-pill icon btn-light">
                            <i class="flaticon-gear"></i>
                        </div>
                        <h6>数据 1.0.0 更新</h6>
                        <span> <i class="material-icons">事件</i>2019年1月1日</span>
                        <p class="fs-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque
                            diam non nisi semper, ula in sodales vehicula....</p>
                    </li>
                    <li>
                        <div class="ms-btn-icon btn-pill icon btn-success">
                            <i class="flaticon-tick-inside-circle"></i>
                        </div>
                        <h6>配置文件已更新</h6>
                        <span> <i class="material-icons">事件</i>2018年3月4日</span>
                        <p class="fs-14">Curabitur purus sem, malesuada eu luctus eget, suscipit sed turpis. Nam
                            pellentesque felis vitae justo accumsan, sed semper nisi sollicitudin...</p>
                    </li>
                    <li>
                        <div class="ms-btn-icon btn-pill icon btn-warning">
                            <i class="flaticon-alert-1"></i>
                        </div>
                        <h6>你的付款到期了</h6>
                        <span> <i class="material-icons">事件</i>2019年1月1日</span>
                        <p class="fs-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque
                            diam non nisi semper, ula in sodales vehicula....</p>
                    </li>
                    <li>
                        <div class="ms-btn-icon btn-pill icon btn-danger">
                            <i class="flaticon-alert"></i>
                        </div>
                        <h6>数据库错误</h6>
                        <span> <i class="material-icons">事件</i>2018年3月4日</span>
                        <p class="fs-14">Curabitur purus sem, malesuada eu luctus eget, suscipit sed turpis. Nam
                            pellentesque felis vitae justo accumsan, sed semper nisi sollicitudin...</p>
                    </li>
                    <li>
                        <div class="ms-btn-icon btn-pill icon btn-info">
                            <i class="flaticon-information"></i>
                        </div>
                        <h6>查看趋势</h6>
                        <span> <i class="material-icons">事件</i>2019年1月1日</span>
                        <p class="fs-14">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque
                            diam non nisi semper, ula in sodales vehicula....</p>
                    </li>
                    <li>
                        <div class="ms-btn-icon btn-pill icon btn-secondary">
                            <i class="flaticon-diamond"></i>
                        </div>
                        <h6>你的仪表盘准备好了</h6>
                        <span> <i class="material-icons">事件</i>2018年3月4日</span>
                        <p class="fs-14">Curabitur purus sem, malesuada eu luctus eget, suscipit sed turpis. Nam
                            pellentesque felis vitae justo accumsan, sed semper nisi sollicitudin...</p>
                    </li>
                </ul>
                <a href="#" class="btn btn-primary d-block"> 查看全部 </a>
            </div>
            <div role="tabpanel" class="tab-pane fade" id="recentPosts">
                <h6>General Settings</h6>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">位置查询</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox">
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">允许的通知</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox">
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">允许弹出窗口</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox" checked>
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <h6>Log Settings</h6>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">启用日志记录</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox" checked>
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">审核日志</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox">
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">错误日志</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox" checked>
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <h6>Advanced Settings</h6>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">启用日志记录</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox" checked>
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">审核日志</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox">
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
                <div class="ms-form-group">
                    <span class="ms-option-name fs-14">错误日志</span>
                    <label class="ms-switch float-right">
                        <input type="checkbox" checked>
                        <span class="ms-switch-slider round"></span>
                    </label>
                </div>
            </div>
        </div>
    </div>
</aside>
<!-- Main Content -->
<main class="body-content">
    <!-- Navigation Bar -->
    <nav class="navbar ms-navbar">
        <div class="ms-aside-toggler ms-toggler pl-0" data-target="#ms-side-nav" data-toggle="slideLeft">
            <span class="ms-toggler-bar bg-white"></span>
            <span class="ms-toggler-bar bg-white"></span>
            <span class="ms-toggler-bar bg-white"></span>
        </div>
        <div class="logo-sn logo-sm ms-d-block-sm">
            <a class="pl-0 ml-0 text-center navbar-brand mr-0" href="index.html"><img
                    src="assets/img/mednalytics-logo-84x41.png" alt="logo"> </a>
        </div>
        <ul class="ms-nav-list ms-inline mb-0" id="ms-nav-options">

            <li class="ms-nav-item  ms-d-none">
                <a href="#mymodal" class="text-white" data-toggle="modal"><i class="flaticon-spreadsheet mr-2"></i>预约</a>
            </li>

            <li class="ms-nav-item ms-d-none">
                <a href="#prescription" class="text-white" data-toggle="modal"><i class="flaticon-pencil mr-2"></i>开药方</a>
            </li>

            <li class="ms-nav-item ms-d-none">
                <a href="#report1" class="text-white" data-toggle="modal"><i class="flaticon-list mr-2"></i>生成报告</a>
            </li>

            <li class="ms-nav-item dropdown">
                <a href="#" class="text-disabled ms-has-notification" id="notificationDropdown" data-toggle="dropdown"
                   aria-haspopup="true" aria-expanded="false"><i class="flaticon-bell"></i></a>
                <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="notificationDropdown">
                    <li class="dropdown-menu-header">
                        <h6 class="dropdown-header ms-inline m-0"><span class="text-disabled">通知</span></h6>
                        <span class="badge badge-pill badge-info">4个新消息</span>
                    </li>
                    <li class="dropdown-divider"></li>
                    <li class="ms-scrollable ms-dropdown-list">
                        <a class="media p-2" href="#">
                            <div class="media-body">
                                <span>12种方法来改善您的改善你的控制面板</span>
                                <p class="fs-10 my-1 text-disabled"><i class="material-icons">访问时间</i> 30秒前
                                    ago</p>
                            </div>
                        </a>
                        <a class="media p-2" href="#">
                            <div class="media-body">
                                <span>有新注册的用户</span>
                                <p class="fs-10 my-1 text-disabled"><i class="material-icons">访问时间</i> 45分钟前
                                    ago</p>
                            </div>
                        </a>
                        <a class="media p-2" href="#">
                            <div class="media-body">
                                <span>你的账户是从未经授权的IP上登录的</span>
                                <p class="fs-10 my-1 text-disabled"><i class="material-icons">访问时间</i> 2小时前
                                    ago</p>
                            </div>
                        </a>
                        <a class="media p-2" href="#">
                            <div class="media-body">
                                <span>已提交申请表格</span>
                                <p class="fs-10 my-1 text-disabled"><i class="material-icons">访问时间</i> 1天前
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="dropdown-divider"></li>
                    <li class="dropdown-menu-footer text-center">
                        <a href="#">查看所有通知</a>
                    </li>
                </ul>
            </li>
            <li class="ms-nav-item ms-nav-user dropdown">
                <a href="#" id="userDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img
                        class="ms-user-img ms-img-round float-right" src="assets/img/dashboard/doctor-3.jpg"
                        alt="people"> </a>
                <ul class="dropdown-menu dropdown-menu-right user-dropdown" aria-labelledby="userDropdown">
                    <li class="dropdown-menu-header">
                        <h6 class="dropdown-header ms-inline m-0"><span
                                class="text-disabled">欢迎塞缪尔·迪欧博士</span></h6>
                    </li>
                    <li class="dropdown-divider"></li>
                    <li class="ms-dropdown-list">
                        <a class="media fs-14 p-2" href="pages/prebuilt-pages/user-profile.html"> <span><i
                                class="flaticon-user mr-2"></i> 简况</span> </a>
                        <a class="media fs-14 p-2" href="pages/apps/email.html"> <span><i
                                class="flaticon-mail mr-2"></i> 收件箱</span> <span
                                class="badge badge-pill badge-info">3</span> </a>
                        <a class="media fs-14 p-2" href="pages/prebuilt-pages/user-profile.html"> <span><i
                                class="flaticon-gear mr-2"></i> 修改注册信息</span> </a>
                    </li>
                    <li class="dropdown-divider"></li>
                    <li class="dropdown-menu-footer">
                        <a class="media fs-14 p-2" href="pages/prebuilt-pages/lock-screen.html"> <span><i
                                class="flaticon-security mr-2"></i> 锁</span> </a>
                    </li>
                    <li class="dropdown-menu-footer">
                        <a class="media fs-14 p-2" href="pages/prebuilt-pages/default-login.html"> <span><i
                                class="flaticon-shut-down mr-2"></i> 退出登陆</span> </a>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="ms-toggler ms-d-block-sm pr-0 ms-nav-toggler" data-toggle="slideDown" data-target="#ms-nav-options">
            <span class="ms-toggler-bar bg-white"></span>
            <span class="ms-toggler-bar bg-white"></span>
            <span class="ms-toggler-bar bg-white"></span>
        </div>
    </nav>
    <!-- Body Content Wrapper -->
    <div class="ms-content-wrapper">
        <div class="row">
            <!-- Notifications Widgets -->

            <div class="col-xl-3 col-md-6 col-sm-6">
                <a href="#">
                    <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
                        <div class="ms-card-body media">
                            <div class="media-body">
                                <h6>医生</h6>
                                <p class="ms-card-change"> 4567</p>
                            </div>
                        </div>
                        <i class="fas fa-stethoscope ms-icon-mr"></i>
                    </div>
                </a>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-6">
                <a href="#">
                    <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
                        <div class="ms-card-body media">
                            <div class="media-body">
                                <h6>护理</h6>
                                <p class="ms-card-change"> 4567</p>
                            </div>
                        </div>
                        <i class="fas fa-user-plus ms-icon-mr"></i>
                    </div>
                </a>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-6">
                <a href="#">
                    <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
                        <div class="ms-card-body media">
                            <div class="media-body">
                                <h6 class="bold">患者</h6>
                                <p class="ms-card-change"> 4567</p>
                            </div>
                        </div>
                        <i class="fa fa-wheelchair ms-icon-mr"></i>
                    </div>
                </a>
            </div>
            <div class="col-xl-3 col-md-6 col-sm-6">
                <a href="#">
                    <div class="ms-card card-gradient-custom ms-widget ms-infographics-widget ms-p-relative">
                        <div class="ms-card-body media">
                            <div class="media-body">
                                <h6 class="bold">药剂师</h6>
                                <p class="ms-card-change"> 4567</p>
                            </div>
                        </div>
                        <i class="fas fa-briefcase-medical ms-icon-mr"></i>
                    </div>
                </a>
            </div>


            <div class="col-xl-4 col-lg-6 col-md-12">
                <div class="ms-card ms-widget has-graph-full-width ms-infographics-widget">
                    <div class="ms-card-body media">
                        <div class="media-body">
                            <h6 class="bold">预约</h6>
                            <h3><strong>3,973</strong></h3>
                        </div>
                    </div>
                    <canvas id="line-chart-2"></canvas>
                </div>

                <div class="ms-card ms-widget has-graph-full-width ms-infographics-widget">
                    <div class="ms-card-body media">
                        <div class="media-body">
                            <h6>新患者</h6>
                            <h3><strong>593</strong></h3>
                        </div>
                    </div>
                    <canvas id="line-chart-3"></canvas>
                </div>

                <div class="ms-card ms-widget has-graph-full-width ms-infographics-widget">
                    <div class="ms-card-body media">
                        <div class="media-body">
                            <h6 class="bold">医院收入</h6>
                            <h3><strong>3,973</strong></h3>
                        </div>
                    </div>
                    <canvas id="line-chart-4"></canvas>
                </div>

            </div>

            <div class="col-xl-4 col-lg-6 col-md-12">
                <div class="ms-panel ms-panel-fh">
                    <div class="ms-panel-body calendar-wedgit">
                        <div id="calendar"></div>
                    </div>

                </div>
            </div>

            <div class="col-xl-4 col-md-12">

                <div class="ms-card ms-widget ms-profile-widget ms-card-fh br-0">
                    <div class="ms-card-img">
                        <img src="assets/img/portfolio/gallery-4-760x260.jpg" alt="card_img">
                    </div>
                    <img src="assets/img/dashboard/doctor-1.jpg" class="ms-img-large ms-img-round ms-user-img"
                         alt="people">
                    <div class="ms-card-body">
                        <h2>安妮·法里沙</h2>
                        <span>医生</span>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In in arcu turpis. Nunc</p>
                        <button type="button" class="btn btn-primary btn-sm" name="button"><i class="material-icons">添加人员</i>
                        </button>
                        <ul class="ms-profile-stats">
                            <li>
                                <h3 class="ms-count">5790</h3>
                                <span>操作</span>
                            </li>
                            <li>
                                <h3 class="ms-count">4.8</h3>
                                <span>医疗评级</span>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>

            <div class="col-xl-6 col-lg-12">
                <div class="ms-panel ms-device-sessions ms-quick-mic">
                    <div class="ms-panel-header">
                        <h6>医院出生与死亡分析</h6>
                    </div>
                    <div class="ms-panel-body">
                        <div class="row">
                            <div class="col-xl-4 col-md-4 col-sm-4 col-6 ms-device">
                                <i class="material-icons">航空公司座椅</i>
                                <h4>生日</h4>
                                <p class="ms-text-primary">45.07%</p>
                                <span class="ms-text-primary">201,434</span>
                            </div>
                            <div class="col-xl-4 col-md-4 col-sm-4 col-6 ms-device">
                                <i class="material-icons">航空公司\座位\个人\套房</i>
                                <h4>死亡</h4>
                                <p class="ms-text-danger">29.05%</p>
                                <span class="ms-text-danger">134,693</span>
                            </div>
                            <div class="col-xl-4 col-md-4 col-sm-4 col-6 ms-device">
                                <i class="material-icons">无障碍</i>
                                <h4>事故</h4>
                                <p class="ms-text-warning">18.43%</p>
                                <span class="ms-text-warning">81,525</span>
                            </div>
                        </div>
                        <div class="progress">
                            <div class="progress-bar bg-primary" role="progressbar" style="width: 45.07%"
                                 aria-valuenow="45.07" aria-valuemin="0" aria-valuemax="100"></div>
                            <div class="progress-bar bg-danger" role="progressbar" style="width: 29.05%"
                                 aria-valuenow="29.05" aria-valuemin="0" aria-valuemax="100"></div>
                            <div class="progress-bar bg-warning" role="progressbar" style="width: 25.48%"
                                 aria-valuenow="25.48" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-6 col-lg-12">
                <div class="ms-panel">
                    <div class="ms-panel-header d-flex justify-content-between">
                        <h6>医务人员</h6>
                        <div class="ms-slider-arrow">
                            <a href="#" class="prev-item">
                                <i class="far fa-caret-square-left"></i>
                            </a>
                            <a href="#" class="next-item">
                                <i class="far fa-caret-square-right"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ms-panel-body p-0 ms-medical-overview-slider">
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-1.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>安妮</h5>
                                    <span>医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-2.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>裘德</h5>
                                    <span>外科医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-3.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>乔丹</h5>
                                    <span>医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-4.jpg"
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>云母</h5>
                                    <span>护士</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-2.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>胭脂</h5>
                                    <span>医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-1.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>莉莉</h5>
                                    <span>外科医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-3.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>模型</h5>
                                    <span>外科医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-4.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>瑞奇</h5>
                                    <span>医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-1.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>维纳斯</h5>
                                    <span>医生</span>
                                </div>
                            </a>
                        </div>
                        <div class="ms-crypto-overview">
                            <a href="#" class="ms-profile">
                                <img src="assets/img/dashboard/doctor-3.jpg "
                                     class="ms-img-large ms-img-round ms-user-img mx-auto d-block" alt="people">
                                <div class="ms-card-body">
                                    <h5>杰克</h5>
                                    <span>护士</span>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xl-6 col-md-12">
                <div class="ms-panel">
                    <div class="ms-panel-header">
                        <h6>病人总数</h6>
                    </div>
                    <div class="ms-panel-body">
                        <canvas id="line-chart"></canvas>
                    </div>
                </div>
            </div>


            <div class="col-xl-6 col-md-12">
                <div class="ms-panel">
                    <div class="ms-panel-header">
                        <h6>住院病人</h6>
                    </div>
                    <div class="ms-panel-body">
                        <canvas id="bar-chart-grouped"></canvas>
                    </div>
                </div>
            </div>


            <div class="col-xl-8 col-md-12">
                <div class="ms-panel">
                    <div class="ms-panel-header">
                        <h6>即将到来的约定</h6>
                    </div>
                    <div class="ms-panel-body">
                        <div class="table-responsive">
                            <table class="table table-hover thead-primary">
                                <thead>
                                <tr>
                                    <th scope="col">患者</th>
                                    <th scope="col">医生</th>
                                    <th scope="col">日期</th>
                                    <th scope="col">定时</th>
                                    <th scope="col">联系方式</th>
                                    <th scope="col">状态</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-1.jpg" alt="people">
                                        Bernardo Galaviz
                                    </td>
                                    <td>克里斯蒂娜·格罗夫斯博士</td>
                                    <td>2019年12月1日</td>
                                    <td>5:00 下午</td>
                                    <td>+01-789-654-123</td>
                                    <td><label class="ms-switch">
                                        <input type="checkbox" checked="">
                                        <span class="ms-switch-slider ms-switch-success round"></span>
                                    </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-5.jpg" alt="people">
                                        珍妮
                                    </td>
                                    <td>理查德·迈尔斯博士</td>
                                    <td>2019年12月1日</td>
                                    <td>8:00 上午</td>
                                    <td>+10-654-654-991</td>
                                    <td><label class="ms-switch">
                                        <input type="checkbox" checked="">
                                        <span class="ms-switch-slider ms-switch-success round"></span>
                                    </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-6.jpg" alt="people">
                                        无名氏
                                    </td>
                                    <td>安德鲁医生</td>
                                    <td>2019年12月1日</td>
                                    <td>10:00 上午</td>
                                    <td>+10-709-254-445</td>
                                    <td><label class="ms-switch">
                                        <input type="checkbox">
                                        <span class="ms-switch-slider ms-switch-success round"></span>
                                    </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-8.jpg" alt="people">
                                        亚历斯德罗
                                    </td>
                                    <td>罗伯特医生</td>
                                    <td>2019年12月1日</td>
                                    <td>2:00 下午</td>
                                    <td>+10-102-225-333</td>
                                    <td><label class="ms-switch">
                                        <input type="checkbox" checked="">
                                        <span class="ms-switch-slider ms-switch-success round"></span>
                                    </label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-1.jpg" alt="people">
                                        理查德
                                    </td>
                                    <td>路易斯博士</td>
                                    <td>2019年12月7日</td>
                                    <td>5:00 下午</td>
                                    <td>+01-222-111-356</td>
                                    <td><label class="ms-switch">
                                        <input type="checkbox">
                                        <span class="ms-switch-slider ms-switch-success round"></span>
                                    </label>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-xl-4 col-md-12">
                <div class="ms-panel ms-panel-fh ms-widget">
                    <div class="ms-panel-header ms-panel-custome">
                        <h6>医生列表</h6>
                    </div>
                    <div class="ms-panel-body p-0">
                        <ul class="ms-followers ms-list ms-scrollable">
                            <li class="ms-list-item media">
                                <img src="assets/img/dashboard/doctor-1.jpg" class="ms-img-small ms-img-round"
                                     alt="people">
                                <div class="media-body mt-1">
                                    <h4>麦克</h4>
                                    <span class="fs-12">主治医师</span>
                                </div>
                                <button type="button" class="ms-btn-icon btn-success" name="button"><i
                                        class="material-icons">check</i></button>
                            </li>
                            <li class="ms-list-item media">
                                <img src="assets/img/dashboard/doctor-2.jpg" class="ms-img-small ms-img-round"
                                     alt="people">
                                <div class="media-body mt-1">
                                    <h4>珍妮弗</h4>
                                    <span class="fs-12">医师</span>
                                </div>
                                <button type="button" class="ms-btn-icon btn-info" name="button"><i
                                        class="material-icons">person_add</i></button>
                            </li>
                            <li class="ms-list-item media">
                                <img src="assets/img/dashboard/doctor-3.jpg" class="ms-img-small ms-img-round"
                                     alt="people">
                                <div class="media-body mt-1">
                                    <h4>爱德华 </h4>
                                    <span class="fs-12">放射科医师</span>
                                </div>
                                <button type="button" class="ms-btn-icon btn-info" name="button"><i
                                        class="material-icons">person_add</i></button>
                            </li>
                            <li class="ms-list-item media">
                                <img src="assets/img/dashboard/doctor-4.jpg" class="ms-img-small ms-img-round"
                                     alt="people">
                                <div class="media-body mt-1">
                                    <h4>约翰东</h4>
                                    <span class="fs-12">牙科医师</span>
                                </div>
                                <button type="button" class="ms-btn-icon btn-success" name="button"><i
                                        class="material-icons">check</i></button>
                            </li>
                            <li class="ms-list-item media">
                                <img src="assets/img/dashboard/doctor-5.jpg" class="ms-img-small ms-img-round"
                                     alt="people">
                                <div class="media-body mt-1">
                                    <h4>乔丹</h4>
                                    <span class="fs-12">勤务部</span>
                                </div>
                                <button type="button" class="ms-btn-icon btn-info" name="button"><i
                                        class="material-icons">person_add</i></button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


            <div class="col-xl-6 col-lg-12">
                <div class="ms-panel ms-panel-fh ms-facebook-engagements">
                    <div class="ms-panel-header">
                        <h6>医生预约</h6>
                    </div>
                    <div class="ms-panel-body p-0">
                        <div class="ms-facebook-page-selection">
                            <p class="ms-text-dark">2020年1月25日至2020年2月02日</p>
                            <p>2020年1月18日至2020年2月24日（前）</p>

                            <div class="dropdown">
                                <a href="#" class="has-chevron" data-toggle="dropdown" aria-haspopup="true"
                                   aria-expanded="false">选择医生</a>
                                <ul class="dropdown-menu">
                                    <li class="ms-dropdown-list">
                                        <a class="media p-2" href="#">
                                            <div class="media-body">
                                                <span>乔丹</span>
                                            </div>
                                        </a>
                                        <a class="media p-2" href="#">
                                            <div class="media-body">
                                                <span>约翰东</span>
                                            </div>
                                        </a>
                                        <a class="media p-2" href="#">
                                            <div class="media-body">
                                                <span>爱德华</span>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <ul class="ms-list clearfix">
                            <li class="ms-list-item">
                                <div class="d-flex justify-content-between align-items-end">
                                    <div class="ms-graph-meta">
                                        <h2>工作日预约</h2>
                                        <p class="ms-text-dark">45.07%</p>
                                        <p class="ms-text-success">+28.44%</p>
                                        <p>VS 66.68% (上月)</p>
                                    </div>
                                    <div class="ms-graph-canvas">
                                        <canvas id="engaged-users"></canvas>
                                    </div>
                                </div>
                            </li>
                            <li class="ms-list-item">
                                <div class="d-flex justify-content-between align-items-end">
                                    <div class="ms-graph-meta">
                                        <h2>Weekend Engagement</h2>
                                        <p class="ms-text-dark">45.07%</p>
                                        <p class="ms-text-success">+28.44%</p>
                                        <p>VS 66.68% (上月)</p>
                                    </div>
                                    <div class="ms-graph-canvas">
                                        <canvas id="page-impressions"></canvas>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


            <div class="col-xl-6 col-lg-12">
                <div class="ms-panel ms-panel-fh">
                    <div class="ms-panel-header">
                        <h6>患者时间线</h6>
                    </div>
                    <div class="ms-panel-body">
                        <ul class="ms-activity-log">
                            <li>
                                <div class="ms-btn-icon btn-pill icon btn-info">
                                    <i class="fa fa-wheelchair"></i>
                                </div>
                                <h6>患者入院</h6>
                                <span> <i class="material-icons">事件</i>2020年1月1日</span>
                                <p class="fs-14"> 从哪里来,</p>
                            </li>
                            <li>
                                <div class="ms-btn-icon btn-pill icon btn-primary">
                                    <i class="fa fa-user-md"></i>
                                </div>
                                <h6>开始治疗</h6>
                                <span> <i class="material-icons">事件</i>2020年1月5日</span>
                                <p class="fs-14">进行了怎样的治疗</p>
                            </li>
                            <li>
                                <div class="ms-btn-icon btn-pill icon btn-success">
                                    <i class="fa fa-check"></i>
                                </div>
                                <h6>患者出院</h6>
                                <span> <i class="material-icons">事件</i>2020年3月15日</span>
                                <p class="fs-14">出院时治好了</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>


            <div class="col-xl-8 col-md-12">
                <div class="ms-panel">
                    <div class="ms-panel-header">
                        <h6>新患者</h6>
                    </div>
                    <div class="ms-panel-body">
                        <div class="table-responsive">
                            <table class="table table-hover  thead-primary">
                                <thead>
                                <tr>
                                    <th scope="col">患者</th>
                                    <th scope="col">住址</th>
                                    <th scope="col">联系方式</th>
                                    <th scope="col">患病</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-3.jpg" alt="people">
                                        Richard
                                    </td>
                                    <td>Richard288@gmail.com</td>
                                    <td>+1-202-555-0875</td>
                                    <td>Fever</td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-2.jpg" alt="people">
                                        William
                                    </td>
                                    <td>William434@gmail.com</td>
                                    <td>+1-202-534-0112</td>
                                    <td>Eye</td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-4.jpg" alt="people">
                                        John Doe
                                    </td>
                                    <td>johndeo652@gmail.com</td>
                                    <td>+1-202-182-0132</td>
                                    <td>Typhoid</td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-5.jpg" alt="people">
                                        Martin
                                    </td>
                                    <td>Martin876@gmail.com</td>
                                    <td>+1-202-998-2341</td>
                                    <td>Cancer</td>
                                </tr>
                                <tr>
                                    <td class="ms-table-f-w"><img src="assets/img/dashboard/patient-1.jpg" alt="people">
                                        Robert
                                    </td>
                                    <td>Robert082@gmail.com</td>
                                    <td>+1-202-455-1431</td>
                                    <td>Diabetes</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col-xl-4 col-md-12">
                <div class="ms-panel ms-panel-fh ms-widget">
                    <div class="ms-panel-header ms-panel-custome">
                        <h6>近期报告</h6>
                    </div>
                    <div class="ms-panel-body p-0">
                        <ul class="ms-followers ms-list ms-scrollable">
                            <li class="ms-list-item media">

                                <div class="media-body mt-1">
                                    <h4>超声波.pdf</h4>
                                    <a href="#"><span class="fs-12">在线查看</span></a>
                                </div>
                                <button type="button" class="btn btn-success btn-sm" name="button">下载</button>
                            </li>
                            <li class="ms-list-item media">

                                <div class="media-body mt-1">
                                    <h4>体温过低.pdf</h4>
                                    <a href="#"><span class="fs-12">在线查看</span></a>
                                </div>
                                <button type="button" class="btn btn-danger btn-sm" name="button">暂停</button>
                            </li>
                            <li class="ms-list-item media">

                                <div class="media-body mt-1">
                                    <h4>超声波.pdf</h4>
                                    <a href="#"><span class="fs-12">在线查看</span></a>
                                </div>
                                <button type="button" class="btn btn-success btn-sm" name="button">下载</button>
                            </li>
                            <li class="ms-list-item media">

                                <div class="media-body mt-1">
                                    <h4>心电图.pdf</h4>
                                    <a href="#"><span class="fs-12">在线查看</span></a>
                                </div>
                                <button type="button" class="btn btn-success btn-sm" name="button">下载</button>
                            </li>
                            <li class="ms-list-item media">

                                <div class="media-body mt-1">
                                    <h4>X光片.pdf</h4>
                                    <a href="#"><span class="fs-12">在线查看</span></a>
                                </div>
                                <button type="button" class="btn btn-danger btn-sm" name="button">暂停</button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
<!-- MODALS -->
<!-- Reminder Modal -->
<script src="assets/reuseCode/reminderModal.js"></script>
<!-- Notes Modal -->
<script src="assets/reuseCode/notesModal.js"></script>
<!--复用代码:3个 modal-->
<script src="assets/reuseCode/modal.js"></script>

<!-- SCRIPTS -->
<!-- Global Required Scripts Start -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/perfect-scrollbar.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>

<!-- Global Required Scripts End -->
<script src="assets/js/d3.v3.min.js"></script>
<script src="assets/js/topojson.v1.min.js"></script>
<script src="assets/js/datamaps.all.min.js"></script>


<!-- Page Specific Scripts Start -->
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/moment.js"></script>
<script src="assets/js/jquery.webticker.min.js"></script>
<script src="assets/js/Chart.bundle.min.js"></script>
<script src="assets/js/index-chart.js"></script>

<!-- Page Specific Scripts Finish -->
<script src="assets/js/calendar.js"></script>
<!-- mednalytics core JavaScript -->
<script src="assets/js/framework.js"></script>
<!-- Settings -->
<script src="assets/js/settings.js"></script>
</body>

</html>
